<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
String jclient = request.getContextPath();
	String cssRoot = jclient + "/jclient/css";
	String jsRoot = jclient + "/jclient/javascript/jslib";%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    <title>应急事件管理_事件管理界面</title>
       <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <!-- css -->
        <link rel="stylesheet" href="<%=basePath%>jclient/css/public/bootstrap.min.css" />
        <link rel="stylesheet" href="<%=basePath%>jclient/css/public/query.css" />
		<link rel="stylesheet" href="<%=basePath%>jclient/css/public/baidumap.css" />
    	<link rel="stylesheet" href="<%=basePath%>jclient/css/public.css" type="text/css" />
        <!-- date css -->
        <link rel="stylesheet" href="<%=basePath%>jclient/css/public/bootstrap.min.css" />
		<link rel="stylesheet" href="<%=basePath%>jclient/css/public/daterangepicker.css" />
   		<!-- date css -->
   		<link rel="stylesheet" href="<%=basePath%>jclient/css/public/style.css" type="text/css" />
   		
    <style type="text/css">
    *{padding:0;margin:0;}
     body{
        background-color: #ffffff;
     }
     li{
     	margin-top:10px
     }
     .td1{
       width:80px;text-align:center;
       line-height: 30px;height: 30px;
    }
    .td2{
      width: 120px;
      background-color: #EAEFF7;
      line-height: 30px;height: 30px;
      text-align: center;
    }
    .in1{
      background-color: #EAEFF7;
      width: 100%;
      height: 100%;
      border: none;
      text-align: center;
    } 
    </style>
  </head>
  <body bgcolor="#000"  style="height: 100%;">
    	<!-- main content -->
		<div class="main-content">
			<!-- map -->
			<div id="map">	
			</div><!-- map end -->
			<!-- panel bg -->
			<div class="panel-bg" style="width:524px;">
				<!-- panel hide/show block -->
				<div class="panel-show-hide-block">
					<a href="javascript:void(0);" class="panel-block-normal">
						<i class="glyphicon glyphicon-arrow-right"></i>
						<span>隐藏</span>
					</a>
				</div><!-- panel hide/show block end -->
				
				<!-- panel content bg -->
				<div class="panel-bg-inner" style="width:500px;">
				</div><!-- panel content bg end -->
			</div><!-- panel bg end -->
			 <div id="xqdiv" class="tip" style="width: 450px;height: 250px;">
    				<div class="tiptop"><span>信息填写</span><a></a></div>
     				 <div class="tipinfo" style="margin-left:5px;padding-top:5px"  >
      						  <div class="tipright" style="padding:0 15px 5px 5px;">
		      						  <table   cellpadding="6" cellspacing="4" style="display:block">
					    				<tr>
					    					<td scope="row" style="background-color: #FFFFFF;color:#000000 ;" class="td1" >水体颜色</td>
					    					<td class="td2"><input class="in1" ></td>
					    					<td class="td1" style="background-color: #FFFFFF;color:#000000 ;">水体气温</td>
					    					<td class="td2"><input class="in1" ></td>
					    				</tr>
					    				<tr>
					    					<td class="td1" style="background-color: #FFFFFF;color:#000000 ;">水温</td>
					    					<td class="td2"><input class="in1" ></td>
					    					<td class="td1" style="width:91px;background-color: #FFFFFF;color:#000000 ;">原水输配线状态</td>
					    					<td class="td2"><input class="in1"></td>
					    				</tr>
					    				<tr>
					    					<td colspan="2"  class="td1" style="background-color: #FFFFFF;color:#000000 ;">引滦线工程设施状态</td>
					    					<td colspan="2" class="td2"><input class="in1" >
					    					</td>
					    				</tr>
					   			 </table>
		        			</div>
      				</div>
        			<div class="tipbtn" >
      				  <input name="" type="button"  class="sure" value="确定" />&nbsp;
      				  <input name="" type="button"  class="cancel" value="取消" />
     			   </div>
    		</div>  
			 <div id="GKDIV" class="tip" >
			       <div class="tiptop"><span>概况信息</span><a></a></div>
			       <div style="height: 100%;background-color:#CCECFF;">
					     <table border="1px" cellpadding="0" cellspacing="0" style="background-color:#CCECFF;" >
							<tr>
								<td style="width: 90px;text-align: center;height: 30px;" >
									事件名称:</td>
								<td id="gkm">于桥水库蓝藻中毒暴发</td>
							</tr>
							<tr>
								<td style="width: 90px;text-align: center;height: 30px;">
								发生时间：</td>
								<td>2012年8月23日</td>
							</tr>
							<tr>
								<td style="width: 90px;text-align: center;;height: 30px;">
								事件简述：
								</td>
								<td>
										于桥水库发生蓝藻中度暴发，于桥处、潮白河处、
										尔王庄处和宜兴埠处根据应急预案规定，实施检测预警、
										应急响应、拦截打捞、曝气增氧、水质监测、改变输水
										方式等多项措施，迅速有效控制蓝藻爆发趋势。
								</td>
							</tr>
						</table>	
			       </div>
			 </div>
			 <!--事件详情-->
			<div id="sjxqDiv" class="tip" style="left:50%;margin-left:-450px; width: 900px;height:500px;z-index: 9000;top: 10px;border: 1px solid #cccccc;">
			<div class="tiptop"><span>事件详情</span><a></a></div>
					<div style="height: 460px;overflow-y: scroll;">	
			                <!-- 事件 -->
			                <table  cellpadding="0px" cellspacing="0px" border="0px" style="width: 880px;">
			    			    <tr height="50px">
			    			       <td style="text-align: right;width: 71px;">事件名称</td>
			    			       <td  colspan="5" style="padding-left:10px;">
			    					  <input id="editCkfaName" type="text" class="scinput" style="width: 780px;">
			    			       </td>
			    			    </tr>
			    			    <tr height="50px">
			    					<td  style="text-align: right;">记录时间</td>
			    					<td width="150px"style="padding-left:10px;" >
			    						<input type="text" class="scinput" value="2015年09月02日 8:20" readonly="readonly">
			    					</td>
			    					<td width="160px" style="padding-right:10px;text-align: right;">记录人</td>
			    					<td colspan="3" ><input type="text" class="scinput" readonly="readonly" value="张小名"></td>
			    			    </tr>
			    				<tr height="50px">
			    					<td  style="text-align: right;">事件时间</td>
			    					<td width="150px"style="padding-left:10px;" >
			    						<input type="text" class="scinput" value="2015年09月02日 8:20" readonly="readonly">
			    					</td>
			    					<td width="160px" style="padding-right:10px;text-align: right;">事件地点</td>
			    					<td width="150px" ><input type="text" class="scinput" readonly="readonly" value="于桥水库"></td>
			    				
			    					<td width="160px" style="padding-right:10px;text-align: right;">影响供水程度</td>
			    			        <td  style="padding-left:10px;">
			    			          <input type="text" class="scinput" readonly="readonly" value="小" style="width: 130px;">
			    			        </td>
			    			    </tr>
			    			    <tr height="50px">
			    					<td  style="text-align: right;">事件概述</td>
			    			        <td colspan="5" style="padding-left:10px;">
			    			          <textarea rows="4"   style="border:solid 1px #a7b5bc;width: 780px;height: 60px;line-height: 25px;letter-spacing: 0px;list-style: none;" readonly="readonly">2015年7月27日，于桥水库水体藻类细胞密度为5300万个/L，水库随即增加监测频率，2015年8月1日8时37分，藻细胞密度为7080万个/L。已与当日8时50分上报于桥水库管理局，并已与当日9时提交事件初次报告。</textarea>
			    			        </td>
			    			    </tr>
			    			    <tr height="50px">
			    					<td  style="text-align: right;">先期处置</td>
			    			        <td colspan="5" style="padding-left:10px;">
			    			          <input type="text" class="scinput" readonly="readonly" style="width: 780px;" value="已立即组织队伍进行打捞.清理等工作。">
			    			        </td>
			    			    </tr>
			    			    <tr height="50px">
			    					<td  style="text-align: right;">事件等级</td>
			    			        <td colspan="5" style="padding-left:10px;">
			    			          <input type="text" class="scinput" readonly="readonly" style="width: 780px;" value="Ⅲ">
			    			        </td>
			    			    </tr>
			    			    <tr height="50px">
			    			        <td  style="text-align: right;" rowspan="4">评价结果</td>
			    			        <td  style="padding-left:10px;" >事件分析：</td>
			    			        <td  colspan="4" style="padding-left:10px;">发现及时，范围可控。</td>
			    			    </tr>
			    			    	    <tr height="50px">
			    			    	      <td  style="padding-left:10px;" >事件分级：</td>
			    			              <td  style="padding-left:10px;">Ⅲ</td>
			    			              <td  colspan="3" style="padding-left:10px;" >分级标准</td>
					    			    </tr>
					    			    <tr height="50px">
					    			    	<td  style="padding-left:10px;" >报警级别：</td>
			    			                <td  colspan="4" style="padding-left:10px;">Ⅲ</td>
					    			    </tr>
					    			    <tr height="50px">
					    			        <td  style="padding-left:10px;" >响应级别：</td>
			    			                <td  colspan="4" style="padding-left:10px;">Ⅲ</td>
					    			    </tr>
					    	    <tr height="50px">
			    					<td  style="text-align: right;">事件等级</td>
			    			        <td colspan="5" style="padding-left:10px;">
			    			          <!-- select -->
									        <div class="uew-select"><div style="width: 100px;" class="uew-select-value ue-state-default"><em class="uew-select-text">Ⅲ</em><em class="uew-icon uew-icon-triangle-1-s"></em></div>
									                   <select style="width: 100px;" class="select3">
													    <option>Ⅲ</option>
													    <option>Ⅱ</option>
													    <option>Ⅰ</option>
													   </select>
										    </div>
								      <!-- select -->
			    			        </td>
			    			    </tr>	    
			    			    <tr height="50px">
			    					<td style="text-align: right;">事件报告</td>
			    			        <td width="150px" colspan="5" style="padding-left:10px;">事件初次报告&nbsp;&nbsp;事件阶段报告&nbsp;&nbsp;事件总结报告</td>
			    				</tr>
			    				
			    		    </table>
			    		    <p align="center" style="margin-top: 10px;">
			    			  <input name="" type="button" class="scbtn" value="保存"/>
			    			</p>
			    			<!-- 事件材料 -->
			    			<div class="tools" style="padding:10px 0 10px 10px;">
						      	<div class="uew-select" style="float: left;position: relative;top:2px;">
							         <div style="width: 100px;" class="uew-select-value ue-state-default"><em class="uew-select-text">文档资料</em><em class="uew-icon uew-icon-triangle-1-s"></em></div>
						             <select style="width: 100px;" class="select3">
								 				  <option>文档资料</option>
							    		          <option>表格资料</option>
							    		          <option>图片资料</option>
							    		          <option>视频资料</option>
							    		          <option>音频资料</option>
									 </select>
								</div>
							    <ul class="toolbar1" style="margin-right: 10px;">
							         <li style="cursor: pointer;" ><span><img src="<%=basePath%>jclient/css/public/images/t01.png" style="position: relative;top: 0px;"/></span>添加文件</li>    
							         <li><span><img src="<%=basePath%>jclient/css/public/images/t03.png" style="position: relative;top: 0px;"/></span>删除文件</li>
							         <li><span><img src="<%=basePath%>jclient/css/public/images/t02.png" style="position: relative;top: 0px;"/></span>批量下载</li>
							    </ul>
						    </div>
			    			<table class="tablelist" style="width: 100%;">
						    	<thead>
						    	<tr>
							        <th width="5%"><input name="" type="checkbox" value="" checked="checked"/></th>
							        <th width="10%">编号<i class="sort"><img src="<%=basePath%>jclient/css/public/images/px.gif" /></i></th>
							        <th width="45%">文件名称</th>
							        <th width="20%">制定时间</th>
							        <th width="20%">操作</th>
						        </tr>
						        </thead>
						        <tbody>
							        <tr>
								        <td><input name="" type="checkbox" value="" /></td>
								        <td>1</td>
								        <td>2015年3月桥水蓝藻暴发事件</td>
								        <td>2015年3月</td>
								        <td><a href="#" class="tablelink">下载</a> <a href="#" class="tablelink"> 删除</a></td>
							        </tr> 
							        <tr>
								        <td><input name="" type="checkbox" value="" /></td>
								        <td>2</td>
								        <td>....................................................</td>
								        <td>2015年2月</td>
								        <td><a href="#" class="tablelink">下载</a>     <a href="#" class="tablelink"> 删除</a></td>
							        </tr> 
						         </tbody>
						    </table>
						    <!-- -事件材料 -->
			 		  </div>
			 </div>
			 <!--事件详情-->
			<!-- panel content -->
			<div class="panel-content" style="width:500px;background-color: #ffffff;">
			    <table style="margin-top: 10px;" width="500px">
			    	<tr style="width:100%;">
			    		<td>
			    			<div style="padding-bottom: 10px;float:left;margin-left:5px">
			    				<div class="controls" style="width:125px;float:left;">
									<div class="input-group date datetime">
										<input id="begindate1" class="begindate form-control input-sm" size="16" type="text" value="">
										<span class="input-group-addon"><span class="glyphicon glyphicon-time"></span></span>
									</div>
								</div>
			    				<span style="float:left;display: inline-block;height: 25px;line-height: 30px;width: 30px;text-align: center;">到</span>
			    				<div class="controls" style="width:125px;float:left;">
									<div class="input-group date datetime">
										<input id="begindate2" class="begindate form-control input-sm" size="16" type="text" value="">
										<span class="input-group-addon"><span class="glyphicon glyphicon-time"></span></span>
									</div>
								</div>
			    			</div>
			    			<div style="width: 100px;float:left;margin-left:10px;">
			    				<input type="text"   class="scinput" style="width: 100px;"/>
			    			</div>
			    			<div style="width:15%;float:left;margin-left:10px ;margin-top:-3">
			    				<input class="scbtn" value="查询" type="button">
			    			</div>
							
							<table class="tablelist" width="400px" >
						    	<thead>
						    	<tr>
						        <th width="15%">序号</th>
						        <th width="45%">事件名称<i class="sort"><img src="<%=basePath%>jclient/css/public/images/px.gif" /></i></th>
						        <th width="40%">操作</th>
						        </tr>
						        </thead>
						        <tbody>
							        <tr>
								         <td>1</td>
								         <td>2014年8月23日于桥水库蓝藻中度暴发</td>
								         <td>
								            <a href="javascript:#" class="tablelink"  onclick="$('#sjxqDiv').fadeIn(200);">查看详情</a>
								        	&nbsp;<a href="javascript:function nufu(){return false;}" onclick="dealGK('2014年8月23日于桥水库蓝藻中度暴发');" class="tablelink">查看概况</a>
								         </td>
							        </tr>
						             <tr>
								         <td>2</td>
								         <td>2013年7月13日滨海区供水短缺应急</td>
								         <td>
								            <a href="javascript:#" class="tablelink"  onclick="$('#sjxqDiv').fadeIn(200);">查看详情</a>
								         	&nbsp;<a href="javascript:function nufu(){return false;}" onclick="dealGK('2013年7月13日滨海区供水短缺应急');" class="tablelink">查看概况</a>
								         </td>
							        </tr>
						             <tr>
								         <td>3</td>
								         <td>2012年2月23日河东区供水短缺应急</td>
								         <td>
								            <a href="javascript:#" class="tablelink"  onclick="$('#sjxqDiv').fadeIn(200);">查看详情</a>
								         	&nbsp; <a href="javascript:function nufu(){return false;}" onclick="dealGK('2012年2月23日河东区供水短缺应急');" class="tablelink">查看概况</a>
								         </td>
							        </tr>
							         <tr>
								         <td>4</td>
								         <td>2011年12月2日河西区供水短缺应急</td>
								         <td>
								            <a href="javascript:#" class="tablelink"  onclick="$('#sjxqDiv').fadeIn(200);">查看详情</a>
								         	 &nbsp;<a href="javascript:function nufu(){return false;}" onclick="dealGK('2011年12月2日河西区供水短缺应急');" class="tablelink">查看概况</a>
								         </td>
							        </tr>
							         <tr>
								         <td>5</td>
								         <td>2010年8月23日于桥水库蓝藻中毒爆发</td>
								         <td>
								            <a href="javascript:#" class="tablelink"  onclick="$('#sjxqDiv').fadeIn(200);">查看详情</a>
								             &nbsp;<a href="javascript:function nufu(){return false;}"  onclick="dealGK('2010年8月23日于桥水库蓝藻中毒爆发');" class="tablelink">查看概况</a>
								         </td>
							        </tr>
							        <tr>
								         <td>6</td>
								         <td>2010年7月23日于桥水库蓝藻中度暴发</td>
								         <td>
								            <a href="javascript:#" class="tablelink"  onclick="$('#sjxqDiv').fadeIn(200);">查看详情</a>
								        	&nbsp;<a href="javascript:function nufu(){return false;}" onclick="dealGK('2014年8月23日于桥水库蓝藻中度暴发');" class="tablelink">查看概况</a>
								         </td>
							        </tr>
						             <tr>
								         <td>7</td>
								         <td>2010年6月13日滨海区供水短缺应急</td>
								         <td>
								            <a href="javascript:#" class="tablelink"  onclick="$('#sjxqDiv').fadeIn(200);">查看详情</a>
								         	&nbsp;<a href="javascript:function nufu(){return false;}" onclick="dealGK('2013年7月13日滨海区供水短缺应急');" class="tablelink">查看概况</a>
								         </td>
							        </tr>
						             <tr>
								         <td>8</td>
								         <td>2010年5月23日河东区供水短缺应急</td>
								         <td>
								            <a href="javascript:#" class="tablelink"  onclick="$('#sjxqDiv').fadeIn(200);">查看详情</a>
								         	 &nbsp;<a href="javascript:function nufu(){return false;}" onclick="dealGK('2012年2月23日河东区供水短缺应急');" class="tablelink">查看概况</a>
								         </td>
							        </tr>
							         <tr>
								         <td>9</td>
								         <td>2010年4月2日河西区供水短缺应急</td>
								         <td>
								            <a href="javascript:#" class="tablelink"  onclick="$('#sjxqDiv').fadeIn(200);">查看详情</a>
								         	&nbsp;<a href="javascript:function nufu(){return false;}" onclick="dealGK('2011年12月2日河西区供水短缺应急');" class="tablelink">查看概况</a>
								         </td>
							        </tr>
							         <tr>
								         <td>10</td>
								         <td>2010年3月23日于桥水库蓝藻中毒爆发</td>
								         <td>
								            <a href="javascript:#" class="tablelink"  onclick="$('#sjxqDiv').fadeIn(200);">查看详情</a>
								            &nbsp;<a href="javascript:function nufu(){return false;}"  onclick="dealGK('2010年8月23日于桥水库蓝藻中毒爆发');" class="tablelink">查看概况</a>
								         </td>
							        </tr>
						        </tbody>
						    </table>
							  <div class="pagin">
							    	<div class="message" style="position: relative;top: 15px;">共<i class="blue">100</i>条记录，当前显示第&nbsp;<i class="blue">1&nbsp;</i>页</div>
							        <ul class="paginList" >
							        <li class="paginItem"><a href="javascript:;"><span class="pagepre"></span></a></li>
							        <li class="paginItem"><a href="javascript:;">1</a></li>
							        <li class="paginItem current"><a href="javascript:;">2</a></li>
							        <li class="paginItem"><a href="javascript:;">3</a></li>
							        <li class="paginItem"><a href="javascript:;">4</a></li>
							        <li class="paginItem"><a href="javascript:;">5</a></li>
							        <li class="paginItem more"><a href="javascript:;">...</a></li>
							        <li class="paginItem"><a href="javascript:;">10</a></li>
							        <li class="paginItem"><a href="javascript:;"><span class="pagenxt"></span></a></li>
							        </ul>
							    </div>								
			</div><!-- panel content end -->
			
		</div><!-- main content end -->
		
		<table id="bjsj"  cellpadding="6" cellspacing="4" style="display: none;">
			    	<tr>
			    		<td scope="row" class="td1">数据名称</td>
			    		<td class="td2"><input class="in1" value="水体藻细胞密度" readonly="readonly"></td>
			    		<td class="td1">时间</td>
			    		<td class="td2"><input class="in1" value="2013/12/09" readonly="readonly"></td>
			    	</tr>
			    	<tr>
			    		<td class="td1">数值</td>
			    		<td class="td2"><input class="in1" value="15000"></td>
			    		<td class="td1">单位</td>
			    		<td class="td2"><input class="in1" value="万个/升" readonly="readonly"></td>
			    	</tr>
			    	<tr>
			    		<td colspan="2"  class="td1" >事件名称</td>
			    		<td colspan="2" class="td2"><input class="in1" >
			    		</td>
			    	</tr>
			    	<tr>
			    		<td colspan="2"   class="td1" style="background-color: #FFC000;color: #FFFFFF;cursor: pointer;">关闭报警</td>
			    		<td colspan="2" onclick="$('#xqdiv').fadeIn(200);" class="td1" style="background-color: #C5E0B4;color: #FFFFFF;cursor: pointer;">编辑数据</td>
			    	</tr>
		</table>
			    		    		    
		<!-- javascript -->
		<script src="<%=basePath%>jclient/javascript/public/jquery.min.js"></script>
        <script src="<%=basePath%>jclient/javascript/public/bootstrap.min.js"></script>
		<script src="<%=basePath%>jclient/javascript/public/moment.js"></script>
		<script src="<%=basePath%>jclient/javascript/public/highcharts.js"></script>
		<script src="<%=basePath%>jclient/javascript/public/themes/sand-signika.js"></script>
		<script src="<%=basePath%>jclient/javascript/public/baidumap.js"></script>
		<!-- date javascript -->
        <script src="<%=basePath%>jclient/javascript/public/bootstrap.min.js"></script>
		<script src="<%=basePath%>jclient/javascript/public/moment.js"></script>
		<script src="<%=basePath%>jclient/javascript/public/daterangepicker.js"></script>
		 <!-- date javascript --> 
		 <!-- select -->
   		<link href="<%=basePath%>jclient/css/public/select.css" rel="stylesheet" type="text/css" />
 		<script type="text/javascript" src="<%=basePath%>jclient/javascript/jslib/select-ui.min.js"></script>
   		<!-- select -->
		<script>
			var ts;
			var markerArr, rainMarker;
			$(function(){
			   	$('.begindate').val(moment().format('YYYY-MM-DD'));
				$('.begindate').daterangepicker({ singleDatePicker: true }, function(start, end, label) {
                    console.log(start.toISOString(), end.toISOString(), label);
                 }); 
				// 显示/隐藏面板
				$('.panel-show-hide-block a').click(function(){
					if($(this).hasClass('panel-block-normal')){
						/*$('.panel-content').animate({left:'+=420px'}, 200);
						$('.panel-bg').animate({left:'+=420px'}, 200);
						$('.panel-show-hide-block').animate({left:'+=420px'}, 200);*/
						
						// 解决IE及chrome浏览器定位出现问题的BUG
						$('.panel-content').animate({width:'0px'}, 200);
						$('.panel-bg').animate({width:'24px'}, 200);
						$('.panel-bg .panel-bg-inner').hide();
						
						$(this).find('i').attr('class','glyphicon glyphicon-arrow-left');
						$(this).find('span').text('显示');
						$(this).removeClass('panel-block-normal').addClass('panel-block-highlight');
					}else{
						/*$('.panel-content').animate({left:'-=420px'}, 200);
						$('.panel-bg').animate({left:'-=420px'}, 200);
						$('.panel-show-hide-block').animate({left:'-=420px'}, 200);*/
						
						// 解决IE及chrome浏览器定位出现问题的BUG
						$('.panel-content').animate({width:'510px'},200);
						$('.panel-bg .panel-bg-inner').show();
						$('.panel-bg').animate({width:'544px'}, 200);
						
						$(this).find('i').attr('class','glyphicon glyphicon-arrow-right');
						$(this).find('span').text('隐藏');
						$(this).addClass('panel-block-normal').removeClass('panel-block-highlight');
					}
				});
				// 加载百度地图
        		ts = $('#map').baidumap({
        			point : { lat: 118.50, lng:39.19},		//114.534436,36.564449
        			zoom : 9,
					scrollWheelZoom : false,
        			navigationCtl : false,
        			boundary : { show: true, areaName: '天津市', setViewport: false }
        		});
				
				// 闪烁标注点
				var infoOpts = {
					width : 400,     // 信息窗口宽度    
					height: 200,     // 信息窗口高度   
					offset: ts.Size(0, 0),	// 信息窗口位置偏移量
					title : "<b>于桥水库预警情况</b>"  // 信息窗口标题 
				};
				var content = fillInfoWindow();
				markerArr = ts.addmarkers([
					{
						point : {lat: 117.5052670000, lng:40.0471370000 },//114.203788,36.711741  114.074432,36.74645
        				label : { text:"于桥水库", offset:{ x:-8, y:20 } },
						icon : { url:'<%=basePath%>jclient/images/publicimg/icon1_warning.gif', width:120, height:120},
						infoWinEventName : 'click',
						infoWindow: ts.addInfoWindow(content, infoOpts),
						click : function() {
							//alert("点击区域，重新现实信息");
						}
        			}
				]);
				ts.showBoundary("宝坻区",false,false,"##BFD87C");
				ts.showBoundary("武清区",false,false,"#F0C195");
				ts.showBoundary("蓟县",false,false,"#A8CEA5");
				
				ts.showBoundary("西青区",false,false,"#F0C195");
				ts.showBoundary("东丽区",false,false,"#BED881");
				ts.showBoundary("北辰区",false,false,"#D5C22A");
				ts.showBoundary("宁河县",false,false,"#A7CD72");
				ts.showBoundary("静海县",false,false,"#E99CA4");
				ts.showBoundary("津南区",false,false,"#5D9AB4");
				ts.showBoundary("滨海新区",false,false,"#E8FABF");
				$("#GKDIV .tiptop a").click(function(){$("#GKDIV").fadeOut(200);});
			    $("#xqdiv .tiptop a").click(function(){$("#xqdiv").fadeOut(200);});
				//alert($('#hi', parent.document).val()); 
				 $("#sjxqDiv .tiptop a").click(function(){$("#sjxqDiv").fadeOut(200);});
			});
			function fillInfoWindow(){
				// 信息内容
				var contextHtml = "<div style='font-size:12px;'>";
				contextHtml += "<hr /> <table  cellpadding=\"6\" cellspacing=\"4\" >";
				contextHtml +=$("#bjsj").html();
				contextHtml += "</table></div>";
				return contextHtml;
			}
		    function dealGK(val){
		       $("#gkm").text(val);$("#GKDIV").fadeIn(200);
		    }
		    function dealSJ(){$("#SJDIV").fadeIn(200);
		    }
		</script>
  </body>
</html>
